<template>
  <div>
    <h2>数据驱动视图</h2>
    <p>{{str}}</p>
    <!-- 给按钮加点击事件，点击之后调用fz方法 -->
    <button @click="fz">反转世界</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      str: '世界你好',
    }
  },
  methods: {
    fz(){
      // 字符串 --> 数组 --> 翻转数组 --> 再转成字符串
      this.str = this.str.split('').reverse().join('')
    }
  }
}
</script>

<style>
  
</style>